.tools-aiChat-page{
    .history-list{
        h3{
            position: relative;
            text-align: center;
            line-height: 2.0;
            padding: 6px 0;
            font-weight: bold;
            letter-spacing: 2px;
            border-bottom: 1px solid rgba(0,0,0,0.08);
            background-color: rgba(#000, 0.02);
            font-size: 15px;
            &::after{
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                bottom: 2px;
                height: 1px;
                background-color: rgba(#000, 0.09);
            }
        }
        ul{
            height: calc(100vh - 45px);
            overflow: auto;
            padding: 8px 10px;
            box-sizing: border-box;
            // outline: 1px solid #f00;
            li{
                position: relative;
                background: linear-gradient(to right, rgba(255,255,255,0.99), rgba(240,240,240,0.9));
                padding: 8px 25px 8px 12px;
                font-size: 14px;
                border-radius: 4px;
                box-shadow: 0 0 2px 1px rgba(0,0,0,0.04);
                cursor: pointer;
                // outline: 1px solid #f00;
                i{
                    position: absolute;
                    font-size: 14px;
                    right: 6px;
                    top: 6px;
                    cursor: pointer;
                    display: none;
                    &:hover{
                        color: #ed7020;
                    }
                }
                &:not(:last-child){
                    margin-bottom: 8px;
                }
                &:hover{
                    text-decoration: underline;
                    color: #ed7020;
                    i{
                        display: block;
                    }
                }
            }
        }
    }
}
